<!doctype html>
<html>

<head lang="en">
    <title>监控中心-主页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="shortcut icon" href="/cwp/favicon.ico" type="image/x-icon" />
    <!--引入CSS文件-->
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/style.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/list.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/taqs.css" />

    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/table.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/paging.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/tabs.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/btn.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/step.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/form.css" />

    <!--引入bootstrap CSS文件-->
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/bootstrap-3.3.5-dist/css/bootstrapModel.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/bootstrap-3.3.5-dist/css/bootstrap-theme.min.css"/>
    <!--日历控件样式-->
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css"/>
    <!--表单验证样式-->
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/formValidator/style/validator.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/css/smartSecurity/deviceMenu.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/css/monitoringCentre/alarmCommon.css"/>
</head>
<body>
<!--头部文件 开始-->
<div id="header"></div>
<!--头部文件 结束-->

<!--主要内容 开始-->
<div class="wrapper">
    <!--左侧菜单 开始-->
    <div id="left-menu" class=""></div>
    <!--右边菜单-->
    <div class="center_td" id="right-menu-box">
        <!--右左菜单-->
        <!--<div id="left-menu-secondary">-->
            <!--<div class="left-menu-secondary">-->
                <!--<div class="menu-list-secondary">-->

                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    </div>
    <!--左侧菜单 结束-->
    <!--右侧内容 开始-->
    <div class="right-container right-container-lg">
        <div id="monitoring-panel">
            <div id="alarm-model-box">
            </div>
        </div>
        <div class="right-scroll hide" id="alarm-table-box">
            <div class="t-list" id="t-list-box">
                <div class="t-tabs">
                    <ul id="myTabs" class="t-tabs-items">
                        <li class="active"><a href="#tab1" data-toggle="tab">未处理</a></li>
                        <li><a href="#tab1" data-toggle="tab">处理中</a></li>
                        <li><a href="#tab1" data-toggle="tab">已处理</a></li>
                    </ul>
                    <div id="myTabContent" class="tab-content">
                        <div class="tab-pane fade in active" id="tab1">
                            <!--安防告警列表-->
                            <div class="t-list-search t-columns-2">
                                <form id="frmSearch">
                                    <ul class="t-columns-group">
                                        <!--<li>-->
                                        <!--<label>设备类别</label>-->
                                        <!--<div>-->
                                        <!--<select id="diName">-->

                                        <!--</select>-->
                                        <!--</div>-->


                                        <!--</li>-->
                                        <li class="timegroup">
                                            <label>起止日期</label>
                                            <div>
                                                <div>
                                                    <input class="form_date_start bg-date" value="" placeholder="开始时间" readonly id="startApplyTime"/>
                                                </div>
                                                <span>~</span>
                                                <div>
                                                    <input class="form_date_end bg-date" value="" placeholder="结束时间" readonly id="endApplyTime"/>
                                                </div>
                                            </div>
                                        </li>
                                        <!-- 时间组 -->
                                        <li>
                                            <label>&nbsp;</label>
                                            <div>
                                                <a class="t-btn" id="btnSearchFaultAlarm">
                                                    <i class="icon-search"></i>
                                                    查询
                                                </a>
                                            </div>
                                        </li>
                                    </ul>
                                </form>
                            </div>
                            <div class="t-list-btns">
                                <p>请求记录</p>
                                <span id="faultAlarmTabTotal"></span>
                                <div>
                                    <a class="t-btn t-btn-blue" id="btnMaintenanceNew" >新增</a>
                                </div>
                            </div>

                            <div class="t-list-result clearfix">
                                <!-- 表格 -->
                                <table class="t-table" id="faultAlarmTab"></table>
                                <!-- 分页 -->
                                <div class="pagination" id="faultAlarmTabPagination"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--主要内容 结束-->
<!--版权 开始-->
<div id="copyright"></div>
<!--版权 结束-->
<!--新建-->
<div class="modal fade" id="modalMaintenanceNew" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                <h4 class="modal-title" >新增故障告警</h4>
            </div>
            <form id="frmMain">
                <div class="modal-body">
                    <div class="t-columns-1">
                        <!-- 检索字段 -->
                        <ul class="t-columns-group">
                            <!--<li>-->
                            <!--<label><span class="t-tip-verification">*</span>设备类别</label>-->
                            <!--<div>-->
                            <!--<select id="addWaringType" name="warningType">-->
                            <!--<option value="">请选择</option>-->
                            <!--</select>-->
                            <!--</div>-->
                            <!--</li>-->
                            <!--<li class="verify">-->
                            <!--<label></label>-->
                            <!--<div class="tipArea"><div id="addWaringTypeTip"></div></div>-->
                            <!--</li>-->
                            <li>
                                <label><span class="t-tip-verification">*</span>告警级别</label>
                                <div>
                                    <div class="t-stars" >
                                        <select  name="warningLevel" id="addLevel">
                                            <option value="" selected>请选择</option>
                                            <option value="0">低</option>
                                            <option value="1">中</option>
                                            <option value="2">高</option>
                                            <option value="3">紧急</option>
                                        </select>
                                    </div>
                                </div>
                            </li>
                            <li class="verify">
                                <label></label>
                                <div class="tipArea"><div id="addLevelTip"></div></div>
                            </li>
                            <li class="buildingNoLi">
                                <label><span class="t-tip-verification">*</span>园区</label>
                                <div>
                                    <select id="buildingNo">
                                        <option value="">请选择</option>
                                    </select>
                                </div>
                            </li>
                            <li class="buildingNoLi verify">
                                <label></label>
                                <div class="tipArea"><div id="buildingNoTip"></div></div>
                            </li>
                            <li class="buildingChildLi hide">
                                <label class="necessary">栋</label>
                                <div>
                                    <select id="buildingChild">
                                        <option value="">请选择</option>
                                    </select>
                                </div>
                            </li>
                            <li class="buildingChildLi hide verify">
                                <label></label>
                                <div class="tipArea"><div id="buildingChildTip"></div></div>
                            </li>
                            <li class="buildingRoomLi hide">
                                <label>层</label>
                                <div>
                                    <select id="buildingRoom">
                                        <option value="">请选择</option>
                                    </select>
                                </div>
                            </li>
                            <li class="devicesLi hide">
                                <label class="necessary">选择设备</label>
                                <div>
                                    <select id="devices" name="deviceId">
                                        <option value="">请选择</option>
                                    </select>
                                </div>
                            </li>
                            <li class="devicesLi hide verify">
                                <label></label>
                                <div class="tipArea"><div id="devicesTip"></div></div>
                            </li>
                            <li class="width-all">
                                <label><span class="t-tip-verification">*</span>故障描述</label>
                                <div>
                                    <textarea id="addDetailDesc" name="eventDescribe"></textarea>
                                </div>
                            </li>
                            <li class="verify-width-all">
                                <label></label>
                                <div class="tipArea"><div id="addDetailDescTip"></div></div>
                            </li>

                            <!-- 时间组 -->
                        </ul>
                    </div>
                </div>


                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" onclick="saveWarningEvent()">保存</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!--详情模态框页面-->
<div class="modal fade" id="modalDetailsAlarm" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="exampleModalLabel">故障告警详情</h4>
            </div>
            <div class="modal-body">
                <!--告警基本信息-->
                <div class="t-columns-2">
                    <ul class="t-columns-group">
                        <li>
                            <label>设备类别：</label>
                            <div id="deviceType"></div>
                        </li>
                        <li>
                            <label>告警级别：</label>
                            <div id="messageLevel"></div>
                        </li>
                        <li>
                            <label>告警编号：</label>
                            <div id="alarmNumber"></div>
                        </li>
                        <li>
                            <label>处理状态：</label>
                            <div>
                                <div><i class="t-tag-del" id="deviceState"></i></div>
                            </div>
                        </li>
                        <li class="width-all" style="padding: 0;">
                            <label>告警位置：</label>
                            <div id="devicePostion"></div>
                        </li>
                        <li class="width-all" style="padding: 0;">
                            <label>告警描述：</label>
                            <div id="warningDescribe"></div>
                        </li>
                        <li>
                            <label>处理报告：</label>
                            <div id="handleOpinion">未完成</div>
                        </li>
                    </ul>
                </div>
                <!--告警责任人信息-->
                <div class="responsibe clearfix">
                    <div class="fl clearfix">
                        <div class="fl responsibe-photo icon-user2"></div>
                        <div class="fl responsibe-info">
                            <div class="responsibe-name">暂无记录</div>
                            <div class="responsibe-role">暂无记录</div>
                            <!--<div class="company-info">-->
                            <!--<span>公司负责人：刘强东</span>-->
                            <!--<span>负责人电话：15527751423</span>-->
                            <!--<br/>-->
                            <!--<span>所属公司：维修公司</span>-->
                            <!--<span>公司地址：郑州高新区科学大道</span>-->
                            <!--</div>-->
                        </div>
                    </div>
                    <div class="fr responsibe-phone">
                        <i class="icon-phone"></i>
                        <span>无</span>
                    </div>
                    <!--<span id="responsibe-phone" class="fr">15527751423</span>-->
                    <!--<a tabindex="0" class="btn btn-lg btn-danger" role="button" data-toggle="popover" data-trigger="focus" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?">可消失的弹出框</a>-->
                </div>

                <!--告警流程信息-->
                <div class="line1">
                    <div class="line">
                        <span class="end conp"></span>
                    </div>
                    <div class="clearfix mb10">
                        <span class="com_squ "></span>
                        <div class="bubble fr ">
                            <dl class="com_dt">
                                <dt class="clearfix">
                                    通知
                                    <span class="fr comFont_color" id="noticeTime">2016-07-12 13:03:39</span>
                                </dt>
                                <dd class="comFont_color" id="noticeName">
                                    <!--设备管理员-->
                                    <!--<br/>-->
                                    <!--维修人员-->
                                    暂无记录
                                </dd>
                            </dl>
                        </div>
                    </div>
                    <div class="clearfix mb10">
                        <span class="com_squ conp"></span>
                        <div class="bubble fr comp">
                            <dl class="com_dt">
                                <dt class="clearfix">
                                    接单
                                    <span class="fr comFont_color" id="responseTime"></span>
                                </dt>
                                <dd class="comFont_color" id="responseName">
                                    暂无记录
                                </dd>
                            </dl>
                        </div>
                    </div>
                    <div class="clearfix mb10">
                        <span class="com_squ conp"></span>
                        <div class="bubble fr comp">
                            <dl class="com_dt">
                                <dt class="clearfix">
                                    处理
                                    <span class="fr comFont_color" id="handlerTime"></span>
                                </dt>
                                <dd class="comFont_color" id="handlerName">
                                    暂无记录
                                </dd>
                            </dl>
                        </div>
                    </div>
                    <div class="clearfix mb10">
                        <span class="com_squ conp"></span>
                        <div class="bubble fr comp">
                            <dl class="com_dt">
                                <dt class="clearfix">
                                    <span id="completeResultStaus">未完成</span>
                                    <span class="fr comFont_color" id="completeTime"></span>
                                </dt>
                                <dd class="comFont_color" id="completeResult">
                                    暂无记录
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--动环详情模态窗-->
<div class="modal fade" id="modalRingDet" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="exampleModalLabel">故障告警详情</h4>
            </div>
            <div class="modal-body">
                <!--告警基本信息-->
                <div class="t-columns-2">
                    <ul class="t-columns-group">

                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 动环详情模板字符串-->
<script id="detTemplate" type="text/html">
    <li>
        <label>厂家告警级别:</label>
        <div>{{ object.vendorseverity }}</div>
    </li>
    <li>
        <label>专业:</label>
        <div>{{ object.specialty }}</div>
    </li>
    <li>
        <label>该事件对设备的影响:</label>
        <div>{{ object.effectonequipment }}</div>
    </li>
    <li>
        <label>告警发生时间:</label>
        <div>{{ object.eventtime }}</div>
    </li>
    <li>
        <label>告警定位对象:</label>
        <div>{{ object.locatenename }}</div>
    </li>
    <li>
        <label>告警定位对象类型:</label>
        <div>{{ object.locatenetype }}</div>
    </li>
    <li>
        <label>接口版本号:</label>
        <div>{{ object.intversion }}</div>
    </li>
    <li>
        <label>厂家告警号:</label>
        <div>{{ object.vendoralarmid }}</div>
    </li>
    <li>
        <label>厂家标识:</label>
        <div>{{ object.vendor }}</div>
    </li>
    <li>
        <label>厂家告警类型:</label>
        <div>{{ object.vendoralarmtype }}</div>
    </li>
    <li>
        <label>告警对象工程状态:</label>
        <div>{{ object.locatenestatus }}</div>
    </li>
    <li>
        <label>设备类型:</label>
        <div>{{ object.equipmentclass }}</div>
    </li>
    <li>
        <label>网管告警类型:</label>
        <div>{{ object.alarmtype }}</div>
    </li>
    <li>
        <label>告警地区:</label>
        <div>{{ object.alarmregion }}</div>
    </li>
    <li>
        <label>告警来源:</label>
        <div>{{ object.systemname }}</div>
    </li>
    <li>
        <label>告警清除时间:</label>
        <div>{{ object.canceltime }}</div>
    </li>
    <li>
        <label>告警逻辑子类:</label>
        <div>{{ object.alarmlogicsubclass }}</div>
    </li>
    <li>
        <label>定位信息:</label>
        <div>{{ object.locateinfo }}</div>
    </li>
    <li>
        <label>告警类别:</label>
        <div>{{ object.nmsalarmtype }}</div>
    </li>
    <li>
        <label>网元版本:</label>
        <div>{{ object.version }}</div>
    </li>
    <li>
        <label>告警状态:</label>
        <div>{{ object.alarmstatus }}</div>
    </li>
    <li>
        <label>告警逻辑分类:</label>
        <div>{{ object.alarmlogicclass }}</div>
    </li>
    <li>
        <label>该时间对业务的影响:</label>
        <div>{{ object.effectonbusiness }}</div>
    </li>
    <li>
        <label>告警唯一标识:</label>
        <div>{{ object.alarmuniqueid }}</div>
    </li>
    <li>
        <label>网元标识:</label>
        <div>{{ object.nename }}</div>
    </li>
    <li>
        <label>网管告警Id:</label>
        <div>{{ object.nmsalarmid }}</div>
    </li>
    <li>
        <label>告警标题:</label>
        <div>{{ object.alarmtitle }}</div>
    </li>
    <li>
        <label>告警可能原因:</label>
        <div>{{ object.probablecausetxt }}</div>
    </li>
    <li>
        <label>网管告警级别:</label>
        <div>{{ object.alarmseverity }}</div>
    </li>
    <li style="width:100%; height: auto">
        <label style="text-align: right; width: 17%;">告警正文:</label>
        <div style="width:100%;height:auto">{{ object.alarmtext }}</div>
    </li>
</script>


<div id="alarm-voice" style="display:none"></div>

<!--提示模态框-->
<div class="modal fade bs-example-modal-sm" id="myTip" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-body" style="text-align:center;font-size:14px;">
                <i id="icon-tip" style="margin-right:6px;"></i>
                <span class="tip-info"></span>
            </div>
        </div>
    </div>
</div>
<!--jquery脚本库文件-->
<!--非IE8浏览器-->
<!--[if !(IE 8)]><!-->
<script type="text/javascript" src="../../../assets/lib/jquery/jquery.min.js"></script>
<!--<![endif]-->
<!--IE8浏览器-->
<!--[if IE 8]>
<script type="text/javascript" src="../../../assets/lib/jquery/jquery-ie8.min.js"></script><![endif]-->
<!--滚动条-->
<script type="text/javascript" src="../../../assets/lib/jQuery-slimScroll-1.3.8/jquery.slimscroll.min.js"></script>
<!--加载头部 导航 版权-->
<script src="../../../assets/common/loadHeaderAndCopyright.js"></script>
<!--bootsrtap日历控件脚本-->
<script charset="utf-8" src="../../../assets/lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
<script charset="utf-8" src="../../../assets/lib/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
<script charset="utf-8" src="../../../assets/lib/bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script charset="utf-8" src="../../../assets/lib/bootstrap-datetimepicker-master/js/initDatetimepicker.js"></script>

<script charset="utf-8" src="../../../assets/lib/tipModal/js/tipModal.js"></script>

<!--表单验证-->
<script charset="utf-8" src="../../../assets/lib/formValidator/formValidator.js"></script>
<script charset="utf-8" src="../../../assets/lib/formValidator/formValidatorRegex.js"></script>
<!--图表-->
<script src="../../../assets/lib/chart/dist/echarts-all.js"></script>
<!--分页脚本-->
<script charset="utf-8" src="../../../assets/lib/pagination/1.2.1/jquery.pagination.js"></script>
<script charset="utf-8" src="../../../assets/common/loaderTable.js"></script>
<!--数据交互公用脚本-->
<script charset="utf-8" src="../../../assets/common/ajaxPoster.js"></script>
<script charset="utf-8" src="../../../assets/common/centerModal.js"></script>
<!--模板引擎-->
<script charset="utf-8" src="../../../assets/lib/artTemplate/template.js"></script>
<!-- tmpl -->
<script src="../../../js/monitoringCentre/alarm/alarmCommon.js"></script>
<!--安防预警-->
<script src="../../../js/monitoringCentre/alarm/alarm.js"></script>
<script src="../../../js/monitoringCentre/alarm/alarmTable.js"></script>

</body>

</html>